<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>雷猫新零售商城</title>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="icon" href="favicon.ico" mce_href="favicon.ico" type=”image/x-icon”>
</head>
<body>
	
    <header class="mui-bar mui-bar-nav header-top">
        <div class="header_left">
        	<a href="/"><img src="img/logo_header.png" class="header_class"/></a>
        	<span class="mui-icon mui-icon-left-nav mui-pull-left"></span>
        </div>
        
        <!--搜索框-->
	    <form action="search.html" method="get" id="search">
			<div class="mui-input-row mui-search">
				<input type="search" class="mui-input-clear" placeholder="请输入搜索关键字">
			</div>
       </form>
        <div class="header_right">
        	<a href="categories.html" class="header_user"><img src="img/header_cate.png"/></a>
        	<button type="submit" id="submit">搜索</button>
        </div>
    </header>
    <!--底部选项卡-->
    <nav class="mui-bar mui-bar-tab nav-bottom">
        <a class="mui-tab-item mui-active" href="index.html">
            <span class="mui-icon"><img src="img/home-active.png"/></span>
            <span class="mui-tab-label">首页</span>
        </a>
        <a class="mui-tab-item" href="categories.html">
            <span class="mui-icon"><img src="img/categories.png"/></span>
            <span class="mui-tab-label">分类</span>
        </a>
        <a class="mui-tab-item" href="building.html">
            <span class="mui-icon"><img src="img/game.png"/></span>
            <span class="mui-tab-label">游戏</span>
        </a>
        <a href="shopping_cart.html" class="mui-tab-item">
            <span class="mui-icon"><img src="img/shopping.png"/></span>
            <span class="mui-tab-label">购物车</span>
        </a>
        <a class="mui-tab-item" href="login.html">
            <span class="mui-icon"><img src="img/user.png"/></span>
            <span class="mui-tab-label">我的</span>
        </a>
    </nav>
    
    <!--返回顶部-->
    <div id="backTop"><img src="img/top.png"/></div>
    
	<!--内容-->
	<section class="mui-scroll-wrapper" id="scroll_box">
		<div class="mui-scroll">
			<div class="mui-content">
				<!-- swiper 图片轮播  轮播图宽高一致-->
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner1.png">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner2.png">
							</a>
						</div>
						<div class="swiper-slide">
							<a href="#">
								<img src="img/banner3.png">
							</a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
	
				<!--功能-->
				<ul class="mui-table-view mui-grid-view mui-grid-9 dmk">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_1.png"/></span>
							<div class="mui-media-body">分销商城</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_2.png"/></span>
							<div class="mui-media-body">风味特产</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="marketing.html">
							<span class="mui-icon"><img src="img/dmk_3.png"/></span>
							<div class="mui-media-body">会员自营</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_4.png"/></span>
							<div class="mui-media-body">便捷酒店</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_5.png"/></span>
							<div class="mui-media-body">断码清仓</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="market_place.html">
							<span class="mui-icon"><img src="img/dmk_6.png"/></span>
							<div class="mui-media-body">交易市场</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_7.png"/></span>
							<div class="mui-media-body">轻奢时尚</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_8.png"/></span>
							<div class="mui-media-body">咸鱼易物</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="building.html">
							<span class="mui-icon"><img src="img/dmk_9.png"/></span>
							<div class="mui-media-body">活动专区</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
						<a href="apply_store.html">
							<span class="mui-icon"><img src="img/dmk_10.png"/></span>
							<div class="mui-media-body">申请店主</div>
						</a>
					</li>
				</ul>
	
				<!--系统通知-->
				<div class="notice">
					<div><span><img src="img/notice.png"/></span>&nbsp;通知  <i></i></div>
					<div>
					<!--li里a标签禁止跳转，限制数量-->
						<ul>
							<li>
								<a href="#" class="mui-ellipsis">1这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
							<li>
								<a href="#" class="mui-ellipsis">2这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
							<li>
								<a href="#" class="mui-ellipsis">3这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
							<li>
								<a href="#" class="mui-ellipsis">4这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
							<li>
								<a href="#" class="mui-ellipsis">5这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
							<li>
								<a href="#" class="mui-ellipsis">6这里是通知知知知知知知知知知知知知知知知知知知知知知知知</a>
							</li>
						</ul>
					</div>
				<div>
						<a href="bulletin.html">更多</a>
					</div>
				</div>
				<!--雷猫秒杀-->
				<div class="spike">
				    	<h4 class="content_title"><span><div>今 / 日 / 秒 / 杀</div></span><a href="spike.html" class="spike_more"><span class="mui-icon mui-icon-arrowright"></span></a></h4>
				    	<div class="time">
				    		<span id="h">00</span> 时 
				    		<span id="m">00</span> 分 
				    		<span id="s">00</span> 秒 
				    	</div>
				    	<section>
				    		<div>
				    			<a href="goods_detail.html">
				    				<div><img src="img/1547832139a.jpg" alt="" /></div>
				    				<aside>
				    					<h5 class="mui-ellipsis-2">【雷猫】泰国SNAIL WHITE白蜗</h5>
				    					<p>￥223.00</p>
				    					<s>￥333.00</s>
				    				</aside>
				    			</a>
				    		</div>
				    		<div>
				    			<a href="goods_detail.html">
				    				<div><img src="img/1547832139a.jpg" alt="" /></div>
				    				<aside>
				    					<h5 class="mui-ellipsis-2">【雷猫】泰国SNAIL WHITE白蜗</h5>
				    					<p>￥223.00</p>
				    					<s>￥333.00</s>
				    				</aside>
				    			</a>
				    		</div>
				    		<div>
				    			<a href="goods_detail.html">
				    				<div><img src="img/1547832139a.jpg" alt="" /></div>
				    				<aside>
				    					<h5 class="mui-ellipsis-2">【雷猫】泰国SNAIL WHITE白蜗</h5>
				    					<p>￥223.00</p>
				    					<s>￥333.00</s>
				    				</aside>
				    			</a>
				    		</div>
				    		<div>
				    			<a href="goods_detail.html">
				    				<div><img src="img/1547832139a.jpg" alt="" /></div>
				    				<aside>
				    					<h5 class="mui-ellipsis-2">【雷猫】泰国SNAIL WHITE白蜗</h5>
				    					<p>￥223.00</p>
				    					<s>￥333.00</s>
				    				</aside>
				    			</a>
				    		</div>
				    	</section>
				    </div>
	
				<!--拼团专区-->
				<div class="fight_group">
				    	<h4 class="content_title"><span><div>拼 / 团 / 专 / 区</div></span><a href="group_list.html" class="fight_more"><span class="mui-icon mui-icon-arrowright"></span></a></h4>
				    	<ul class="mui-table-view mui-grid-view mui-grid-9">
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
				    			<a href="group_goods.html">
			    					<div><img src="img/1547977964a.jpg" alt="" /></div>
			    					<div class="mui-ellipsis-2">【雷猫】印尼进口天然椰子水</div>
			    					<div><span>5人团</span>￥36.00</div>
				    			</a>
				    		</li>
				    	</ul>
				    </div>
	
				<!--全部商品-->
				<h4 class="content_title"><span><div>全 / 部 / 商 / 品</div></span></h4>
				<!--商品列表-->
				<article class='goods'>
					<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜【雷猫】Sulwhasoo雪花秀 眼霜【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
						<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
						<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
						<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
						<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
						<div>
							<a href="goods_detail.html">
								<div><img src="img/1547826906a.jpg" alt="" /></div>
								<aside>
									<h5 class="mui-ellipsis-2">【雷猫】Sulwhasoo雪花秀 眼霜</h5>
									<p>￥585.00</p>
								</aside>
							</a>
						</div>
				</article>
			</div>
		</div>
	</section>
    
    <script src="js/mui.min.js"></script>
    <script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/countdown.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>